export interface MenuModel {
  title: string
  icon?: (isActive: boolean) => JSX.Element
  name: string
  children?: MenuModel[]
}

export const menus: MenuModel[] = [
  {
    title: `${useI18nContent('menus.home')}`,
    name: 'Workbench',
    icon: (isActive: boolean) => (
      <basic-icon
        size="18px"
        name={isActive ? 'menu-workbench-active' : 'menu-workbench'}
      ></basic-icon>
    )
  },
  {
    title: `${useI18nContent('menus.operation')}`,
    name: 'Operation',
    icon: (isActive: boolean) => (
      <basic-icon
        size="18px"
        name={isActive ? 'operation-active' : 'operation'}
      ></basic-icon>
    ),
    children: [
      { title: `${useI18nContent('menus.user')}`, name: 'User' },
      { title: `${useI18nContent('menus.admin')}`, name: 'Admin' },
      { title: `${useI18nContent('menus.ticket')}`, name: 'ExampleLevel2.1' },
      { title: `${useI18nContent('menus.notice')}`, name: 'ExampleLevel2.2' },
      { title: `${useI18nContent('menus.message')}`, name: 'ExampleLevel2.3' }
    ]
  }
]
